<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2 bind</title>
    <script type="text/javascript" src="lib/vue.js"></script>
    <script type="text/javascript" src="lib/jquery-3.1.0.min.js"></script>
</head>
<body>
    <div id="app-2">
    	<span v-bind:title="message" tips="hello">
    		Hover youe mouse over me for a few secounds to see my dynamically bound title!
    	</span>
    </div>
</body>
<script>
    var tipss=$('#app-2').children('span').attr('tips');
	var app2=new Vue({
		el:"#app-2",
		data:{
			message:tipss
		}
	});
</script>
</html>